<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>手机端-学生登录</title>
		<link rel="stylesheet" href="layui/css/layui.css" />
		
	</head>
	<link rel="stylesheet" href="mystyle.css" />
	<body>
		<div class="qd-bg">
			<!--<div class="qd-head">
				<div class="back"><img src="img/img1-01-student.png"/></div>
				<div class="title">课程签到</div>
				<div class="menu"><img src="img/img2-01-student.png"/></div>
			</div>-->
			<div class="qd-content">
				<div class="title">一体化教学管理平台</div>
				<div class="stu stu-number">
					<span><img src="img/img3-01-student.png"/></span>
					<input class="layui-input" placeholder="学号" />
					<div class="login-tip">学号不存在</div>
				</div>
				<div class="stu stu-name">
					<span><img src="img/img4-01-student.png"/></span>
					<input class="layui-input" placeholder="姓名"/>
					<div class="login-tip">姓名不存在</div>
				</div>
				<div class="qd-btn"><button class="layui-btn" id="qd-click">登录</button></div>
			</div>
			<div class="login-loading"><img src="layui/css/modules/layer/default/loading-2.gif" ></div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery.3.js" ></script>
	<script type="text/javascript">
		$(function(){
			$('#qd-click').click(function(){
				$('.login-tip').css('display','block');
				$('.login-loading').css('display','block');
			})
		})
	</script>
</html>
